import React, { Component } from 'react';
import { Button } from 'antd-mobile';


import FuncTest from '@/views/test'
class Test extends Component {

  constructor(props){
    super(props)
    this.state={
      num:0
    }
  }

  // componentWillMount(){
  //   console.log('组件将要挂载前');
  // }
  componentDidMount(){
    console.log('组件挂载,用于组件数据请求');
  }
  // componentDidUpdate(){
  //   console.log('组件更新的调用');
  // }
  // shouldComponentUpdate(){
  //   console.log('组件是否要更新的状态');
  // }

  //由react 生命周期控制,或者react事件监听// 是异步更新
  add=()=>{
    let {num}=this.state
    num++
    // this.setState({
    //   num
    // })
    console.log('异步',this.state.num);
    this.setState((state,props)=>({
      num:state.num+1
      // console.log(11,state,props);
    }))
  }



  render() {
    //优化写法这里进行解构赋值
    const{num}=this.state
    return (
      <div>
        <div>{this.state.num}</div>
        {/* <div onClick={this.add()}>{'增加'}</div> */}
        <Button  onClick={this.add}>增加方法</Button>
        test路径
        <FuncTest />
      </div>
    );
  }
}

export default Test;
